<%@include file="_header.jsp"%>

<title>${inhoud.planClassTitle}</title>
</head>
<body>
    <c:choose>
        <c:when test="${userLevel != 2 && userLevel != 3}">
            <%@include file="errorPage.jsp"%>
        </c:when><c:otherwise>
            <%@include file="_menu.jsp"%>

            <div class="wrappermain">


                <div class="digitalclass">
                    <div id="subheader"><a href="#"><div id="bar-textcontent">${inhoud.planClassTitle}</div></div>

                    <c:if test="${foutMelding != null}">
                        <!-- Mochten er foutmeldingen zijn, dan worden ze hier getoond -->
                        <p><a style="color:#FF0000">${foutMelding}</a></p>
                    </c:if>
                    <form  method="post" action="planDigitalClass">
                        <table border="1">
                            <tr>
                                <td>${inhoud.planClassT}:</td>
                            <script>
                                $(function() {
                                    $( "#datepicker" ).datepicker();
                                });
                            </script>
                            <td><input type="textfield" id="datepicker" name="date" value="${date}"></input></td>
                            </tr>
                            <tr>
                                <td>${inhoud.planClassT2}:</td>
                                <td><input type="textfield" id="startTime" name="startTime" value="${startTime}"></input></td>
                            </tr>
                            <tr>
                                <td>${inhoud.planClassT3}:</td>
                                <td><input type="textfield" id="endTime" name="endTime" value="${endTime}" ></input></td>
                            </tr>
                            <tr>
                                <td>${inhoud.planClassT4}:</td>
                                <td><input type="textfield" id="timeZone" name="timeZone" value="${timeZone}" ></input></td>
                            </tr>

                            <tr>
                                <td>${inhoud.planClassT5}:</td>
                                <td><input type="textfield" id="maxStudents" name="maxStudents" value="${maxStudents}" ></input></td>
                            </tr>
                            <tr>
                                <td>${inhoud.planClassT6}</td>
                                <td><textarea name="description" id="description" cols="25" rows="5" maxlength="750">${description}</textarea></td>
                            </tr>

                            <tr>
                                <td></td><td><input type="submit" value="${inhoud.planClassTitle}"></td>
                            </tr>
                        </table>        
                    </form>
                </c:otherwise></c:choose>

        </div>
    </div>
</body>
</html>
